import { loginApi, userInfoApi, userInfoById } from '@/api/user'
import { setToken, getToken, removeToken, setTimeStamp } from '@/utils/auth'
import { resetRouter } from '@/router'
export default {
  namespaced: true,
  state: {
    token: getToken(),
    userInfo: {} // 由于userInfo中一些数据需要在getters中建立快捷访问，避免访问出错，初始值给一个空对象
  },
  mutations: {
    // 清除token
    removeToken(state) {
      state.token = null
      removeToken()
    },
    // 清除用户信息
    removeUserInfo(state) {
      state.userInfo = {}
    },
    // 设置token
    setToken(state, token) {
      state.token = token
    },
    // 设置用户信息
    setUserInfo(state, data) {
      state.userInfo = data
    }
  },
  actions: {
    // 退出登录方法
    logout(ctx) {
      // 移除token
      ctx.commit('removeToken')
      // 移除用户资料
      ctx.commit('removeUserInfo')
      // 重置侧边栏信悬
      // Vuex里面A模块的action如何调用B模块的muations方法
      // ctx.commit('permission/setRoutes',[]
      // 这样写调用自己user模块下的permission子模块里的setRoutes
      ctx.commit('permission/setRoutes', [], { root: true })
      // root:true表示从根模块开始往下寻找方法
      // 重置路由实例
      resetRouter()
    },
    // 获取用户信息
    async getUserInfo(ctx) {
      const res = await userInfoApi()
      const res1 = await userInfoById(res.userId)
      // console.log(res, res1) //用户信息，有用户的页面权限标识
      ctx.commit('setUserInfo', { ...res, ...res1 })
      return res
    },
    // 登录
    async login(ctx, data) {
      const res = await loginApi(data)
      console.log(res)
      // 存储token
      ctx.commit('setToken', res)
      // token持久化缓存
      setToken(res)
      // 存入时间
      setTimeStamp()
    }
  }
}
